﻿/* Make sure the website is on the edge of the browser */
html, body
{
	padding: 0px;
	padding: 0px;
	margin: 0;
	height: 100%;
	
	font-family: Verdana;
	font-size: 12px;

	background-image: url("../Content/Images/background.png");
	background-repeat: repeat-x;
}

body
{
	border: none;
}

/* Style for header with logo */
#header
{
	background-image: url("../Content/Images/navTop.jpg");
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 750px;
	height: 200px;
	margin: auto;
}

/* Menu */
#nav, #nav ul
{
	list-style: none;
	color: Black;
	margin: 0px;
	padding: 0px;
	width: 80%;
}

#nav li
{
	float: left;
	height: 25px;	
	display: block;
	background-image: url("../Content/Images/button.png");	
}

.subNav
{
    min-width: 150px;    
}

#nav ul
{
	position: absolute;	
	left: -1000px;
	max-width: 50px;
}

#nav li:hover ul
{	
	left: auto;
	padding-top: 7px;
}

#nav li a
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	display: block;
	color: #20462D;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
}

#nav li a:link { text-decoration: none; }
#nav li a:visited { text-decoration: none; }
#nav li a:active { text-decoration: underline; }
#nav li a:hover { text-decoration: underline; }

/* Main Content */
#wrapper
{
	height: 100%;
	margin: auto;
	width: 750px;
	border: solid 0px black;
	padding: 0px;
}

/* Style for menu container div */
#menu
{
	margin-top: 162px;
	height: 25px;
}

#navLeft
{
    color: #20462D;
    list-style-type:none;
}

#navLeft ul
{
    list-style-type:none;
    text-indent: 1px;
    padding: 2px;
}

#navLeft li a 
{
    color: #20462D;
}
#navLeft li a:link { text-decoration: none; }
#navLeft li a:visited { text-decoration: none; }
#navLeft li a:active { text-decoration: underline; }
#navLeft li a:hover { text-decoration: underline; }

/* Style for middle content menu */
#containerLeftRight 
{
	margin: auto;
	width: 750px;
	border: solid 1px black;
	padding: 0px;
	background-color: #EEEEEE;
}

/* Style for left content menu */
#divLeft
{
	float: left;
	margin: 0px;
	padding-left: 7px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	width: 161px;
	background-image: url("../Content/Images/content_bg.png");
	background-repeat: repeat-x;
	overflow: hidden;
	min-height: 560px;
}

/* Style for right content menu */
#divRight
{	
	float: right;
	width: 176px;
	margin: 0px;
	background-image: url("../Content/Images/content_bg.png");
	background-repeat: repeat-x;
	overflow: hidden;
	min-height: 560px;
}

/* Style for content div */
#divMiddle
{
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 390px;
	margin-left: 170px;
	margin-right: 170px;
	padding: .5em;
	min-height: 560px;
}

/* Style for footer */
#footer
{
	width: 750px;
	text-align: center;
	clear: both;
	margin: 0;
	background-color: #20462D;
	border: solid 1px black;
	color: White;
}

/* Validation Error Classes */
.validation-summary-errors
{
	color: Red;
	font-family: Tahoma;
}

span.validation-summary-errors
{
	font-weight: bold;
}
ul.validation-summary-errors
{	
	text-decoration: underline;
}
span.field-validation-error
{
	font-weight: bold;
	font-size: 12px;
	color: Red;
}

/* Events */
.EventMaand
{
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}

.EventItemGroot
{
	color: #902948;
	font-weight: bold;
	font-size: 11px;
}
.EventItemKlein
{
	color: #902948;
	font-size: 11px;
}

.EventDatumKlein
{
	font-size: 10px;
	text-decoration: underline;
}

.EventDatumGroot
{
	font-size: 14px;
	text-decoration: underline;
}

#EventTable
{
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 1px;
}

/* footer (Email) */
.klein
{
	color: White;
}

.klein:hover
{
	text-decoration: underline;
	color: #892348;
}

/* nieuws */
.NewsItem h3 
{    
    color:#006633;
    display:block;
    font-size:18px;
    font-weight:normal;    
    margin: 0;
}

.NewsItem h4
{
    color:#769686;
    font-size:12px;
    font-style:normal;
    font-weight:normal;    
    margin: 0;
}
.NewsItem
{
    border-top:1px dashed #A4A66C;    
    padding: 5px 0 10px 16px;
    margin-bottom: 10px;
}
.NewsItemText
{
    margin: 10px 0 0 0;
}

/* Bestuur */
.bestuur
{
    margin-top: 5px;
    border-top: 1px dashed #A4A66C;
}

.form td
{
    text-align: right;
}